<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>淘掌柜交易</title>
    <link href="http://g.alicdn.com/sj/qnui/1.5.1/css/sui.min.css?qntag=1" rel="stylesheet">
    <link href="http://g.alicdn.com/sj/qnui/1.5.1/css/sui-append.min.css?qntag=2" rel="stylesheet">
    <script type="text/javascript" src="http://g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="http://g.alicdn.com/sj/qnui/1.5.1/js/sui.min.js"></script>
    <style>
        .mlr10 {
            margin-left: 10px;
            margin-right: 10px;
        }
        .mlr5 {
            margin-left: 5px;
            margin-right: 5px;
        }
        .mb5 {
            margin-bottom: 5px;
        }
        .inner-spans-space > span {
            margin-left: 20px;
        }
        table tbody td {
            text-align: center;
        }
        .td-align-center tbody td {
            text-align: center;
        }

    </style>
</head>
<body>
<div class="sui-navbar navbar-fixed-top" style="background-color: orange">
    <div class="navbar-inner"><a href="#" class="sui-brand">淘掌柜交易</a>
        <ul class="sui-nav" style="margin-bottom: 1px">
            <li class="active sui-dropdown"><a href="javascript:void(0);" data-toggle="dropdown" data-trigger="hover"
                                               class="dropdown-toggle">订单管理<i
                    class="sui-icon icon-pc-chevron-bottom"></i></a>
                <ul role="menu" class="sui-dropdown-menu">
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">订单管理</a></li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">物流动态</a></li>
                </ul>
            </li>
            <li class="sui-dropdown"><a href="javascript:void(0);" data-toggle="dropdown" data-trigger="hover"
                                        class="dropdown-toggle">评价管理<i
                    class="sui-icon icon-pc-chevron-bottom"></i></a>
                <ul role="menu" class="sui-dropdown-menu">
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">评价管理</a></li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">自动评价</a></li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">评价统计</a></li>
                </ul>
            </li>
            <li class="sui-dropdown"><a href="javascript:void(0);" data-toggle="dropdown" data-trigger="hover"
                                        class="dropdown-toggle">订单打印<i
                    class="sui-icon icon-pc-chevron-bottom"></i></a>
                <ul role="menu" class="sui-dropdown-menu">
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">订单打印</a></li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">打印记录</a></li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">宝贝简介</a></li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">基础设置</a></li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">店铺关联</a></li>
                </ul>
            </li>
            <li><a href="#">数据统计</a></li>
            <li><a href="javascript:void(0);">数据分析</a></li>
        </ul>
        <ul class="sui-nav pull-right nav-links">
            <li class="active"><a href="#"><i class="sui-icon icon-pc-list"></i>&nbsp;日志</a></li>
            <li><a href="#"><i class="sui-icon icon-pc-settings"></i>&nbsp;设置</a></li>
            <li><a href="#"><i class="sui-icon icon-pc-question-circle"></i>&nbsp;帮助</a></li>
        </ul>
    </div>
</div>
<div class="container" style="margin-top: 75px">
    <div class="container-inner">
        <div style="margin: 0 35px 10px 35px">
            <a href="javascript:void(0);" class="sui-btn btn-xlarge btn-primary">更新订单数据</a>
            <a href="javascript:void(0);" class="sui-btn btn-xlarge btn-primary">更新最近三天订单数据</a>
        </div>
        <div>
            <form class="sui-form form-horizontal">
                <div data-toggle="datepicker" class="control-group input-daterange">
                    <label class="control-label">下单时间：</label>
                    <div class="controls">
                        <input type="text" class="input-medium input-date" placeholder="开始时间"><span> - -</span>
                        <input type="text" class="input-medium input-date" placeholder="结束时间">
                    </div>
                    <label class="control-label">付款时间：</label>
                    <div class="controls">
                        <input type="text" class="input-medium input-date" placeholder="开始时间"><span> - -</span>
                        <input type="text" class="input-medium input-date" placeholder="结束时间">
                    </div>

                </div>
                <div class="control-group">
                   <span class="sui-dropdown dropdown-bordered" style="margin-left: 35px">
                        <span class="dropdown-inner">
                            <a role="button" data-toggle="dropdown" href="#" class="dropdown-toggle">按条件查询<i class="caret"></i></a>
                            <ul role="menu" aria-labelledby="drop1" class="sui-dropdown-menu">
                                <li role="presentation" class="active"><a role="menuitem" tabindex="-1" href="#">按卖家昵称</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">按订单编号</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">按收件手机</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">按运单编号</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">按详细地址</a></li>
                            </ul>
                        </span>
                    </span>
                    <div class="controls">
                        <input type="text" placeholder="请输入查询值">
                    </div>
                    <div class="controls">
                        <button type="submit" class="sui-btn btn-primary">查询</button>
                    </div>
                    <div class="controls">
                        <button type="submit" class="sui-btn btn-warning">清空</button>
                    </div>

                </div>

            </form>
        </div>
        <div>
            <div class="mlr10">
                <ul class="sui-nav nav-tabs nav-primary mb5">
                    <li class="active"><a>近三个月（1000）</a></li>
                    <li><a href="#">待付款</a></li>
                    <li><a href="#">待发货</a></li>
                    <li><a href="#">已发货</a></li>
                    <li><a href="#">待评价</a></li>
                    <li><a href="#">退款中</a></li>
                    <li><a href="#">交易成功</a></li>
                    <li><a href="#">交易关闭</a></li>
                    <li><a href="#">三个月前</a></li>
                    <li><a href="#">标记的</a></li>
                </ul>
            </div>
            <div class="mlr10">
                <label class="checkbox-pretty inline">
                    <input type="checkbox"><span>全选</span>
                </label>
                <a href="javascript: void(0);" class="sui-btn btn-bordered btn-small btn-primary mlr5">批量发货</a>
                <a href="javascript: void(0);" class="sui-btn btn-bordered btn-small btn-primary mlr5">批量免邮</a>
                <a href="javascript: void(0);" class="sui-btn btn-bordered btn-small btn-primary mlr5">批量备注</a>

                <label class="checkbox-pretty inline">
                    <input type="checkbox"><span>不显示已关闭的订单</span>
                </label>

            </div>

            <div style="margin-top: 5px">
                <table class="sui-table table-bordered-simple td-align-center">
                    <tbody>
                        <tr style="background-color: #E8F3FF">
                            <td width="90%" colspan="5" class="inner-spans-space" style="text-align: left">
                                <label class="checkbox-pretty inline">
                                    <input type="checkbox"><span></span>
                                </label>
                                <span><img src="http://amos.alicdn.com/online.aw?v=2&uid=caofengqin0518&site=cntaobao&s=2&charset=utf-8">caofengqin0518</span>
                                <span>订单：50961802368809562</span>
                                <span>下单时间：2017-08-24 21:10:09</span>
                                <span>付款时间：未付款</span>
                                <span>该旺旺第一次拍<a href="#">查看详情</a></span>
                                <span>该手机第一次拍<a href="#">查看详情</a></span>
                            </td>
                            <td width="10%">
                                <span class="pull-right">
                                    <img src="http://assets.alicdn.com/sys/common/icon/trade/op_memo_0.png">
                                    <a href="javascript:void(0);" class="sui-btn btn-bordered btn-small">备忘</a>
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td width="10%" align="center">
                                <img src="https://img.alicdn.com/bao/uploaded/i4/1758965127/TB2w2jBaEyfF1Jjy0FiXXaCmFXa_!!1758965127.gif" style="width:80px; height:80px">
                            </td>
                            <td width="30%">
                                <div>桔粒女童连衣裙秋季新款2017韩版儿童裙子中大童长袖春秋款公主裙</div>
                                <div>颜色分类:粉红;参考身高:120cm</div>
                            </td>
                            <td width="10%">
                                <div>￥79 × 1</div>
                                <div>实付：48</div>
                            </td>
                            <td width="15%" rowspan="2">
                                <div>待发货</div>
                                <div>总价：￥79</div>
                                <div>含邮费：￥0</div>
                            </td>
                            <td width="20%" rowspan="2">
                                <button class="sui-btn sui-bordered btn-success">核对地址</button>
                                <button class="sui-btn sui-bordered btn-success">修改地址</button>
                            </td>
                            <td width="25%" rowspan="2">
                                <a href="javascrip:void(0);" class="sui-btn btn-bordered btn-info">详情</a>
                                <a href="javascrip:void(0);" class="sui-btn btn-bordered btn-info">发货</a>

                            </td>
                        </tr>
                        <tr>
                            <td width="10%" align="center">
                                <img src="https://img.alicdn.com/bao/uploaded/i4/1758965127/TB2z.ers4dkpuFjy0FbXXaNnpXa_!!1758965127.gif" style="width:80px; height:80px">
                            </td>
                            <td width="30%">
                                <div>2017新款夏季童装女童吊带裙子纯棉儿童夏装套装韩版中大童连衣裙</div>
                                <div>颜色分类:黄色;参考身高:120/13码</div>
                            </td>
                            <td width="10%">
                                <div>￥98 × 1</div>
                                <div>实付：48</div>
                            </td>
                        </tr>
                    </tbody>
                    <tbody>
                        <tr style="background-color: #E8F3FF">
                            <td width="90%" colspan="5" class="inner-spans-space" style="text-align: left">
                                <label class="checkbox-pretty inline">
                                    <input type="checkbox"><span></span>
                                </label>
                                <span><img src="http://amos.alicdn.com/online.aw?v=2&uid=caofengqin0518&site=cntaobao&s=2&charset=utf-8">caofengqin0518</span>
                                <span>订单：50961802368809562</span>
                                <span>下单时间：2017-08-24 21:10:09</span>
                                <span>付款时间：未付款</span>
                                <span>该旺旺第一次拍<a href="#">查看详情</a></span>
                                <span>该手机第一次拍<a href="#">查看详情</a></span>
                            </td>
                            <td width="10%">
                                <span class="pull-right">
                                    <img src="http://assets.alicdn.com/sys/common/icon/trade/op_memo_0.png">
                                    <a href="javascript:void(0);" class="sui-btn btn-bordered btn-small">备忘</a>
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td width="10%" align="center">
                                <img src="https://img.alicdn.com/bao/uploaded/i4/1758965127/TB2w2jBaEyfF1Jjy0FiXXaCmFXa_!!1758965127.gif" style="width:80px; height:80px">
                            </td>
                            <td width="30%">
                                <div>桔粒女童连衣裙秋季新款2017韩版儿童裙子中大童长袖春秋款公主裙</div>
                                <div>颜色分类:粉红;参考身高:120cm</div>
                            </td>
                            <td width="10%">
                                <div>￥79 × 1</div>
                                <div>实付：48</div>
                            </td>
                            <td width="15%" rowspan="2">
                                <div>待发货</div>
                                <div>总价：￥79</div>
                                <div>含邮费：￥0</div>
                            </td>
                            <td width="20%" rowspan="2">
                                <button class="sui-btn sui-bordered btn-success">核对地址</button>
                                <button class="sui-btn sui-bordered btn-success">修改地址</button>
                            </td>
                            <td width="25%" rowspan="2">
                                <a href="javascrip:void(0);" class="sui-btn btn-bordered btn-info">详情</a>
                                <a href="javascrip:void(0);" class="sui-btn btn-bordered btn-info">发货</a>

                            </td>
                        </tr>
                        <tr>
                            <td width="10%" align="center">
                                <img src="https://img.alicdn.com/bao/uploaded/i4/1758965127/TB2z.ers4dkpuFjy0FbXXaNnpXa_!!1758965127.gif" style="width:80px; height:80px">
                            </td>
                            <td width="30%">
                                <div>2017新款夏季童装女童吊带裙子纯棉儿童夏装套装韩版中大童连衣裙</div>
                                <div>颜色分类:黄色;参考身高:120/13码</div>
                            </td>
                            <td width="10%">
                                <div>￥98 × 1</div>
                                <div>实付：48</div>
                            </td>
                        </tr>
                    </tbody>
                    <tbody>
                        <tr style="background-color: #E8F3FF">
                            <td width="90%" colspan="5" class="inner-spans-space" style="text-align: left">
                                <label class="checkbox-pretty inline">
                                    <input type="checkbox"><span></span>
                                </label>
                                <span><img src="http://amos.alicdn.com/online.aw?v=2&uid=caofengqin0518&site=cntaobao&s=2&charset=utf-8">caofengqin0518</span>
                                <span>订单：50961802368809562</span>
                                <span>下单时间：2017-08-24 21:10:09</span>
                                <span>付款时间：未付款</span>
                                <span>该旺旺第一次拍<a href="#">查看详情</a></span>
                                <span>该手机第一次拍<a href="#">查看详情</a></span>
                            </td>
                            <td width="10%">
                                <span class="pull-right">
                                    <img src="http://assets.alicdn.com/sys/common/icon/trade/op_memo_0.png">
                                    <a href="javascript:void(0);" class="sui-btn btn-bordered btn-small">备忘</a>
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td width="10%" align="center">
                                <img src="https://img.alicdn.com/bao/uploaded/i4/1758965127/TB2w2jBaEyfF1Jjy0FiXXaCmFXa_!!1758965127.gif" style="width:80px; height:80px">
                            </td>
                            <td width="30%">
                                <div>桔粒女童连衣裙秋季新款2017韩版儿童裙子中大童长袖春秋款公主裙</div>
                                <div>颜色分类:粉红;参考身高:120cm</div>
                            </td>
                            <td width="10%">
                                <div>￥79 × 1</div>
                                <div>实付：48</div>
                            </td>
                            <td width="15%" rowspan="2">
                                <div>待发货</div>
                                <div>总价：￥79</div>
                                <div>含邮费：￥0</div>
                            </td>
                            <td width="20%" rowspan="2">
                                <button class="sui-btn sui-bordered btn-success">核对地址</button>
                                <button class="sui-btn sui-bordered btn-success">修改地址</button>
                            </td>
                            <td width="25%" rowspan="2">
                                <a href="javascrip:void(0);" class="sui-btn btn-bordered btn-info">详情</a>
                                <a href="javascrip:void(0);" class="sui-btn btn-bordered btn-info">发货</a>

                            </td>
                        </tr>
                        <tr>
                            <td width="10%" align="center">
                                <img src="https://img.alicdn.com/bao/uploaded/i4/1758965127/TB2z.ers4dkpuFjy0FbXXaNnpXa_!!1758965127.gif" style="width:80px; height:80px">
                            </td>
                            <td width="30%">
                                <div>2017新款夏季童装女童吊带裙子纯棉儿童夏装套装韩版中大童连衣裙</div>
                                <div>颜色分类:黄色;参考身高:120/13码</div>
                            </td>
                            <td width="10%">
                                <div>￥98 × 1</div>
                                <div>实付：48</div>
                            </td>
                        </tr>
                    </tbody>
                    <tbody>
                        <tr style="background-color: #E8F3FF">
                            <td width="90%" colspan="5" class="inner-spans-space" style="text-align: left">
                                <label class="checkbox-pretty inline">
                                    <input type="checkbox"><span></span>
                                </label>
                                <span><img src="http://amos.alicdn.com/online.aw?v=2&uid=caofengqin0518&site=cntaobao&s=2&charset=utf-8">caofengqin0518</span>
                                <span>订单：50961802368809562</span>
                                <span>下单时间：2017-08-24 21:10:09</span>
                                <span>付款时间：未付款</span>
                                <span>该旺旺第一次拍<a href="#">查看详情</a></span>
                                <span>该手机第一次拍<a href="#">查看详情</a></span>
                            </td>
                            <td width="10%">
                                <span class="pull-right">
                                    <img src="http://assets.alicdn.com/sys/common/icon/trade/op_memo_0.png">
                                    <a href="javascript:void(0);" class="sui-btn btn-bordered btn-small">备忘</a>
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td width="10%" align="center">
                                <img src="https://img.alicdn.com/bao/uploaded/i4/1758965127/TB2w2jBaEyfF1Jjy0FiXXaCmFXa_!!1758965127.gif" style="width:80px; height:80px">
                            </td>
                            <td width="30%">
                                <div>桔粒女童连衣裙秋季新款2017韩版儿童裙子中大童长袖春秋款公主裙</div>
                                <div>颜色分类:粉红;参考身高:120cm</div>
                            </td>
                            <td width="10%">
                                <div>￥79 × 1</div>
                                <div>实付：48</div>
                            </td>
                            <td width="15%" rowspan="2">
                                <div>待发货</div>
                                <div>总价：￥79</div>
                                <div>含邮费：￥0</div>
                            </td>
                            <td width="20%" rowspan="2">
                                <button class="sui-btn sui-bordered btn-success">核对地址</button>
                                <button class="sui-btn sui-bordered btn-success">修改地址</button>
                            </td>
                            <td width="25%" rowspan="2">
                                <a href="javascrip:void(0);" class="sui-btn btn-bordered btn-info">详情</a>
                                <a href="javascrip:void(0);" class="sui-btn btn-bordered btn-info">发货</a>

                            </td>
                        </tr>
                        <tr>
                            <td width="10%" align="center">
                                <img src="https://img.alicdn.com/bao/uploaded/i4/1758965127/TB2z.ers4dkpuFjy0FbXXaNnpXa_!!1758965127.gif" style="width:80px; height:80px">
                            </td>
                            <td width="30%">
                                <div>2017新款夏季童装女童吊带裙子纯棉儿童夏装套装韩版中大童连衣裙</div>
                                <div>颜色分类:黄色;参考身高:120/13码</div>
                            </td>
                            <td width="10%">
                                <div>￥98 × 1</div>
                                <div>实付：48</div>
                            </td>
                        </tr>
                    </tbody>





                </table>


            </div>
            <div class="sui-pagination pagination-large" align="center">
                <ul>
                    <li class="prev disabled"><a href="#">«上一页</a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li class="dotted"><span>...</span></li>
                    <li class="next"><a href="#">下一页»</a></li>
                </ul>
                <div>
                    <span>共10页&nbsp;</span>
                    <span>
                    到<input type="text" class="page-num">
                    <button class="page-confirm" onclick="alert(1)">确定</button>页
                </span>
                </div>
            </div>
        </div>
        <hr>

    </div>


</div>

</div>
</body>
</html>